Step 1: Create a new JSON file in the data/ folder. For example, data/gallery.json.
The best way to create a section is to copy an existing section JSON, paste it into your new file, and change the id. IDs cannot be duplicated — make sure every section has a unique ID.
The "type" field tells the site how to render the section. There are only 5 types available:
| Type | Use |
|---|---|
"about" | Biography / text with paragraphs |
"publications" | List of papers and articles |
"research" | Research interests and areas |
"education" | Timeline of degrees and positions |
"contact" | Social icons and contact info |
For example, a newly created JSON file will look like below:
{
"type": "about",
"id": "gallery",
"data": {
"label": "GALLERY",
"paragraphs": [
"Here is my photo gallery."
]
}
}Step 2: Open data/site.json. Find the sections array and add a new entry pointing to your file:
{
"name": "Coffee Bean",
"title": "Coffee Bean",
"cv": {
"enabled": true,
"path": "assets/cv.pdf",
"viewer": "pages/cv.html",
"mode": "view",
"label": "View CV"
},
"header": {
"name": "Coffee Bean",
"subtitle": "PhD Candidate in Coffee Science",
"institution": "Caffeine Tech",
"image": "assets/images/hero/profile1x1.jpg",
"image_alt": "Coffee Bean"
},
"sections": [
{
"file": "data/about.json",
"id": "about",
"enabled": true
},
{
"file": "data/publications.json",
"id": "publications",
"enabled": true
},
{
"file": "data/research.json",
"id": "research",
"enabled": true
},
{
"file": "data/education.json",
"id": "education",
"enabled": true
},
{
"file": "data/contact.json",
"id": "contact",
"enabled": true
},
{
"file": "data/gallery.json",
"id": "gallery",
"enabled": true
}
]
}Step 3: Save both files and refresh your browser. The new section will appear on your website.